{% extends "base.html" %}

{% block title %}Map{% endblock %}

{% block head%}
<script type="text/javascript">
    function onClickEmbed(obj)
    {
        obj.value = '<iframe style="width: 500px; height: 350px; border: 1px solid black;" src="{{ map_url }}" scrolling="no" frameborder="0"></iframe>'
        obj.select()
    }
</script>
{% endblock%}

{% block body_attrs %}onload="init()"{% endblock %}

{% block content %}
<div style="text-align: center; margin-left: 15px; margin-right: 15px; margin-top: 5px; margin-bottom: 5px;">
<iframe style="width: 500px; height: 350px; border: 1px solid black;" src="{{ map_url }}" scrolling="no" frameborder="0"></iframe>
</div>
<div style="text-align: center;">
Embed this map: <input type="text" size="50" name="embedtext" onclick="onClickEmbed(this)" value='<iframe style="width: 500px; height: 350px; border: 1px solid black;" src="{{ map_url }}" scrolling="no" frameborder="0"></iframe>'/><br/>
</div>
{% endblock %}
